<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Lightbox Slideshow</title>
	<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
	<script type="text/javascript" src="prototype.js"></script>
	<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
	<script type="text/javascript" src="lightbox.js"></script>
</head>
<body>
	<h1>Lightbox Slideshow</h1>
	<p>by <a href="http://www.justinbarkhuff.com">Justin Barkhuff</a></p>
		
	<h3>Single image</h3>
	<a href="sample_photos/images/DSC03914.jpg" title="gotta go?" rel="lightbox"><img src="sample_photos/thumbnails/DSC03914.jpg" /></a>
	
	<h3>Group of Images</h3>
	<a href="sample_photos/images/DSC03897.jpg" title="this is a caption" rel="lightbox[Brussels]"><img src="sample_photos/thumbnails/DSC03897.jpg" /></a>
	<a href="sample_photos/images/DSC03898.jpg" title="and another caption" rel="lightbox[Brussels]"><img src="sample_photos/thumbnails/DSC03898.jpg" /></a>
	<a href="sample_photos/images/DSC03899.jpg" title="this caption is awesome!" rel="lightbox[Brussels]"><img src="sample_photos/thumbnails/DSC03899.jpg" /></a>
</body>
</html>